<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<style type="text/css">
	#mdc_drg{
		background-color:#eee;
		border-radius:9px;
		min-height: 550px;
		position: relative;
		padding:10px;
	}
	#mdc_name{
		color:white;
		width:180px;
		text-align:center;
		font-size:18px;
		font-family:monospace;
		border-radius:5px;
		background-color:#4cae4c;
		position:absolute;
		margin-top:220px;
		padding:5px;
	}
	#drg_list{
		float:right;
		position:relative;
	}
	#mdc_list font,#drg_list font{color: #cc0000;}
	#mdc_list{font-size: 13px;}
	.drg{
		width:340px;
		padding:8px;
		margin:5px;
		border:1px solid #428bca;
		border-radius:5px;
		transition:all 0.5s;
		
	}
	#bar{text-align: right;margin-bottom:10px;position:relative;}
	#mdc_list>.activeItem,#adrg_list>.activeItem{border-left:5px solid #4cae4c; color: #4cae4c;}
	.rotateMdc-0{
		-webkit-animation:rotateMdc-0 .4s;
		-moz-animation:rotateMdc-0 .4s;
		-ms-animation:rotateMdc-0 .4s;
		-o-animation:rotateMdc-0 .4s;
		animation:rotateMdc-0 .4s;
		margin-left:220px;transform:scale(.6,.6);opacity:.2;
	}
	.rotateMdc-1{
		-webkit-animation:rotateMdc-1 .4s;
		-moz-animation:rotateMdc-1 .4s;
		-ms-animation:rotateMdc-1 .4s;
		-o-animation:rotateMdc-1 .4s;
		animation:rotateMdc-1 .4s;
		margin-left:0px;transform:scale(1,1);opacity:1;
	}
	
	.rotateDrg-0{
		-webkit-animation:rotateDrg-0 .4s;
		-moz-animation:rotateDrg-0 .4s;
		-ms-animation:rotateDrg-0 .4s;
		-o-animation:rotateDrg-0 .4s;
		animation:rotateDrg-0 .4s;
		margin-right:150px;transform:scale(1.5,1.5);
	}
	.rotateDrg-1{
		-webkit-animation:rotateDrg-1 .4s;
		-moz-animation:rotateDrg-1 .4s;
		-ms-animation:rotateDrg-1 .4s;
		-o-animation:rotateDrg-1 .4s;
		animation:rotateDrg-1 .4s;
		margin-right:0px;transform:scale(1,1);
	}
	
	@keyframes rotateMdc-0{
		0%  {margin-left:0px;transform:scale(1,1);opacity:1;}
		100%{margin-left:220px;transform:scale(.6,.6);opacity:.2;}
	}@keyframes rotateMdc-1{
		0%  {margin-left:220px;transform:scale(.6,.6);opacity:.2;}
		100%{margin-left:0px;transform:scale(1,1);opacity:1;}
	}
	
	@keyframes rotateDrg-0{
		0%  {margin-right:0px;transform:scale(1,1);}
		100%{margin-right:150px;transform:scale(1.5,1.5);}
	}@keyframes rotateDrg-1{
		0%  {margin-right:150px;transform:scale(1.5,1.5);}
		100%{margin-right:0px;transform:scale(1,1);}
	}
	
	@-webkit-keyframes rotateMdc-0{
		0%  {margin-left:0px;-webkit-transform:scale(1,1);opacity:1;}
		100%{margin-left:220px;-webkit-transform:scale(.6,.6);opacity:.2;}
	}@-webkit-keyframes rotateMdc-1{
		0%  {margin-left:220px;-webkit-transform:scale(.6,.6);opacity:.2;}
		100%{margin-left:0px;-webkit-transform:scale(1,1);opacity:1;}
	}
	
	@-webkit-keyframes rotateDrg-0{
		0%  {margin-right:0px;transform:scale(1,1);}
		100%{margin-right:150px;transform:scale(1.5,1.5);}
	}@-webkit-keyframes rotateDrg-1{
		0%  {margin-right:150px;-webkit-transform:scale(1.5,1.5);}
		100%{margin-right:0px;-webkit-transform:scale(1,1);}
	}
	
	@-moz-keyframes rotateMdc-0{
		0%  {margin-left:0px;-moz-transform:scale(1,1);opacity:1;}
		100%{margin-left:220px;-moz-transform:scale(.6,.6);opacity:.2;}
	}@-moz-keyframes rotateMdc-1{
		0%  {margin-left:220px;-moz-transform:scale(.6,.6);opacity:.2;}
		100%{margin-left:0px;-moz-transform:scale(1,1);opacity:1;}
	}
	
	@-moz-keyframes rotateDrg-0{
		0%  {margin-right:0px;transform:scale(1,1);}
		100%{margin-right:150px;transform:scale(1.5,1.5);}
	}@-moz-keyframes rotateDrg-1{
		0%  {margin-right:150px;-moz-transform:scale(1.5,1.5);}
		100%{margin-right:0px;-moz-transform:scale(1,1);}
	}
</style>
<script type="text/javascript" src="<%=request.getContextPath()%>/lib/uplodifyh5/event_common.js"></script>
<title>设置/MDC-DRG字典</title>
</head>
<body>
<div class="container-fluid">
	<div class="row" style="margin-bottom: 5px;">
			<div class="col-md-2" style="padding: 0;">
				<div class="input-group has-success">
					<input type="text" class="form-control"style="border-color: #4cae4c;margin-left: 15px;" id="word"name="word" x-webkit-speech placeholder="请输入MDC关键词"> <spanclass="input-group-btn"> 
					<a onclick="goSearch()"id="s-btn" style="border-color: #4cae4c; color: #4cae4c;"></a>
					</span>
				</div>
			</div>
			<div class="col-md-3">
				<label class="control-label" style="width: 60px; float: left;"><h5><strong>版本号:</strong></h5></label> 			
   			     <select class="form-control" id="verCode" style="width: 160px;"></select>
			</div>
			 <div class="col-md-2">
			 	<input id="mdcUpload_id" type="file" name="file"style="display: none;" />
			</div>
			 <div class="col-md-2">
			 <input id="adrgUpload_id" type="file" name="file"style="display: none;" />
			</div>
			<div class="col-md-2">
			<input id="drgUpload_id" type="file" name="file"style="display: none;" />
			</div>
			<div class="col-md-1">
					 <div class="btn-clickable" style="line-height: 30px;">
						<a href="download/mdcadrgdrg.xlsx" class="link text-sm"
							style="text-decoration: none; color: #fff"><i
							class="fa fa-download"></i>&nbsp;模版</a>
					</div>
			</div>
		</div>
	<div class="row">
		<div class="col-md-3">
			<div class="panel panel-success" style="width:auto;">
				<div class="panel-heading"><h4 style="font-family: Algerian;display: inline;">MDC</h4>
					<!-- <a class="pull-right" href="javascript:refresh();" title="刷新"><i class="glyphicon glyphicon-refresh"></i>
					</a></font> -->
				</div>
				<div class="list-group" id="mdc_list" style="margin:0"></div>
			</div>
		</div>
		
		<div class="col-md-9">
			<div id="mdc_drg" class="row">
				<div class="alert alert-warning" style="display: none;"></div>
				<div class="col-md-5">
					<h4 style="border:1px solid #ddd;background:#dff0d8;padding:10px;border-radius:5px;font-family: Algerian;color: #468847;margin-bottom: -4px;">ADRG</h4>
					<div class="list-group" id="adrg_list"></div>
				</div>
				<div class="col-md-7">
					<div id="drg_list"></div>
				</div>
			</div>
		</div>
	</div>
</div>
<script type="text/javascript" src="<%=request.getContextPath()%>/js/dataMonitor/DepMdcDRG.js">
</script>
</body>
</html>